body,h1,h2,h3,h4,h5,h6,div,ul,li,ol,dl,dt,dd,td,p,pre, form, fieldset, input, textarea, blockquote, th, button,em,select{ padding:0; margin:0;}
img,border,select,li{border:none; vertical-align:top;}
ul,dl,li{ list-style:none;}
body{margin: 0 auto;padding: 0px;font-size: 12px;line-height: 22px;width: 100%; color: #222222;
font-size: 12px;
font-family:"Microsoft YaHei";
font:12px/22px "Microsoft YaHei"
}
.clear{ clear:both}
header{position: relative;
z-index: 9;
width:100%;
top: 0;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
transition: all 0.5s ease;
}
.n_header{
    left: 0;
    right: 0;
    z-index: 51;
	position: relative; width:90%;max-width:1220px;border-bottom: 2px solid rgba(255,255,255,0.4); margin:0 auto;
	transition: all 0.5s ease;
}
.headb_box{
		position:fixed;
	width: 100%;
	padding: 0 0.6rem;
	left: 0;
	background-color: rgba(2,72,144,0.6);
		transition: all 0.5s ease;
}
.headb_box .logo{
	transform: scale(0.8);
}
.headb_box .logo span{
	background-size: 110%;
}
.n_header .header01 .logo{
    float: left;
    position: relative;
    width: 38%;
    height: 80px;
    margin:0;
}
.n_header .header01 .logo img{ max-width:100%}
.n_header .header01 .logo a{
    text-indent: -9999px;
    display: inline-block;
    width: 100%;
    background-repeat: no-repeat;
    background-position:left center;
    position: absolute;
    bottom: 0;
    left: 0;
}
.n_header .header01 .nav{
	width:60%;
    float: left;
    margin: 1%;
	margin-top: 13px;
}
.n_header .header01 .nav> ul{
    float: left;
    transition:all 0.5s ease-in-out;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    margin-bottom: 0;
}
.n_header .header01 .nav>ul li{
    float: left;
    /*text-align: center;*/
    position: relative;
	padding-left:20px; 
	padding-right:25px;
}
.headb_box .n_header .header01 .nav > ul li a {    color: #ffffff;	font-weight: bold; font-size:15px}
.n_header .header01 .nav>ul li a{
    color: #282828;
    line-height: 49px;
    display: inline-block;
    font-size: 16px;
    position: relative;height: 49px;
	text-align:center;

	
}
.n_header .header01 .nav > ul li a.on{ border-bottom:3px solid #0082b4}
.n_header .header01 .nav>ul li a:hover,
.n_header .header01 .nav>ul li .active{
    border-bottom:2px solid #0082b4;
	color:#0082b4;
}
.n_header .header01 .nav>ul li a:hover{	color:#0082b4;}
.n_header .header01 .nav > ul > li > a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #0082b4;
    height: 3px;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.n_header .header01 .nav>ul li .active:before,
.n_header .header01 .nav>ul li a:focus:before,
.n_header .header01 .nav>ul li a:hover:before {
    left: 0;
    right: 0;
}
.n_header.headb_box .header01 .nav > ul li a {
    color: #ffffff;
    line-height: 35px;
    display: inline-block;
    font-size: 15px;}

.nav_language {
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    float: right;
}
.nav_language li {
    float: left;
    width: 79px;
    border-left: 1px solid rgba(170,170,170,.2);
    text-align: center;
}
.nav_language li a {
    width: 100%;
    color: #555555;
    line-height: 88px;
    height: 88px;
    display: block;
}
.nav_language li i {
    width: 42px;
    height: 88px;
    display: inline-block;
}
.nav_language li span {
    height: 18px;
    display: inline-block;
}
.nav_language li.yuyan i {
    background: url(../images/language1.png) no-repeat left center;
    text-align: right;
}
.nav_language li.search i {
    background: url(../images/search1.png) no-repeat center center;
    text-align: center;
}
.nav_language li a:hover {
    background: #0082b4;
    color: #fff;
}
.nav_language li:hover.yuyan i {
    background: url(../images/language.png) no-repeat left center;
}
.nav_language li:hover.search i {
    background: url(../images/search.png) no-repeat center center;
}
.top{ line-height:35px; height:35px;top:0;width:100%;z-index:99999; }
.top1{width:90%;max-width:1220px; margin:0 auto; position:relative}
.top1_1{ line-height:35px;}
.top_tel{background: url(../images/top_tel1.png) no-repeat left 0px; line-height:38px; font-size:20px;
font-weight:600;
padding-left: 48px;
padding-top: 0px;
padding-bottom: 5px;color:#282828;  
}
.headb_box .top_tel{background: url(../images/top_tel.png) no-repeat left 0px; }
.headb_box .top_tel{color:#ffffff;  }
.header_right .top_tel a{ 
   font-size: 18px;
    font-weight: bold;

}
.headb_box .header_right .top_tel a{	text-shadow: 0px 0px 1px #111111;}
.header_right a{
    vertical-align: middle;
    display: inline-block;
}
.header_right a.map{vertical-align: middle;
display: inline-block;}
.header_right a.contact{vertical-align:middle}
 a.chinese{ background:url(../images/chinese.jpg) no-repeat center left; padding-left:20px;color:#333}
 a.english{ background:url(../images/english.jpg) no-repeat center left; padding-left:20px;color:#333}
.header_right a img{ margin-top:5px;}
.head_l{width:auto; max-width:70%; float:left;color:#282828;  font-size:13px}
.headb_box .head_l{color:#ffffff;}
.header_right{width:auto; max-width:60%; float:right; position:absolute; right:0px; z-index:999999}
.header_right a{ padding-left:5px; padding-right:5px;color:#282828;  line-height:35px;font-size: 13px;font-weight: bold;}
.headb_box .header_right a{color:#ffffff; }
.headb_box .n_header  a{ text-shadow:0px 0px 1px #111111}
.n_header .header01 .nav>ul .nav_er{
    width:140%;
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    margin-top: 1px;
	z-index:99999;
}

.n_header .header01 .nav > ul .nav_er .div_dl{
    background: #ffffff;
    overflow: hidden;
    padding: 18px 0;
}
/*.n_header .header01 .nav > ul .nav_er .div_dl li {*/
    /*display: inline-block;*/
    /*float: inherit !important;*/
    /*margin-left: 0px;*/
/*}*/

.header03{display: none;}

.nav_er-img {
    display: block;
    width: 21.6%;
    height: 173px;
    overflow: hidden;
    float: left;
}
.nav_er_list {
    padding: 0 5%;
}
.n_header .header01 .nav > ul li .nav_er_list li {
    width: 100%;
    float: left;
    margin-left: 0 !important;
	padding:0;
}
.n_header .header01 .nav > ul li .nav_er_list li:hover{ background:#f5fce8}
.nav_er_list li:nth-child(2n) {
    float: right !important;
}
.n_header .header01 .nav > ul li .nav_er_list li a {
    font-size: 14px !important;
    display: block !important;
    height: 35px;
    line-height: 35px !important;
    text-align:center;
    color: #444444;
}
.n_header .header01 .nav > ul li .nav_er_list li a:hover{color: #0082b4;}

.nav_er_list li:hover a {
    color: #0082b4 !important;
}
.nav_box {
    padding: 0 0 0 3.91667%;
    width: 38%;
    min-height: 168px;
    color: #666;
    position: relative;
    float: left;
    border-left: 1px solid #e5e5e5;
}
.nav_box p {
    text-indent: 2em;
    font-size: 14px;
    line-height: 30px;
    color: #777777;
}
.n_header .header01 .nav > ul li .div_dl li{ float:none}
.n_header .header01 .nav > ul li .div_dl li a{ line-height:33px;height:33px; font-size:15px;text-shadow:none; color:#181818; font-weight:normal}


.foot-up {
    background: #252525;
    padding: 66px 0 60px;
}
.foot-down {
    line-height: 58px;
    background: #1c1c1c;
    text-align: center;
}
.foot-down P {
    font-size: 12px;
    color: #fff;
}
.foot-down p i {
    color: #bbbbbb;
}
.Fcon {
    float: left;
    margin: 30px 0 0;
}
.Fticker {
    line-height: 16px;
    color: #cccccc;
    margin: 10px 0 0;
}
.Fshare {
    margin: 25px 0 0;
}
.Fshare a {
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 0px;
    text-align: center;
    border-radius: 100%;
    margin: 0 14px 0 0;
}
.Fsplit {
    display: block;
    width: 1px;
    height: 250px;
    background: #515151;
    float: left;
    margin: 0 4% 0;
}
.Fsplit.Fs2 {
    margin: 0 4% 0 0;
}
.Fnav {
    width: 12.2%;
    float: left;
}
.Fnav dt {
    font-weight: initial;
}
.Fnav dt .type, .Fct dt {
    line-height: 31px;
    font-size: 15px;
}
.Fnav dt .type a {
    font-size: 16px;
    color: #fff;
}
.Fnav dt .split {
    display: block;
    width: 16px;
    height: 1px;
    background: #fff;
    margin: 5px 0 12px 2px;
}
.Fnav dd {
    display: block !important;
}
.Fnav dd a {
    font-size: 14px;
    color: #cccccc;
    display: block;
    line-height: 30px;
}
.Fct .tel a {
    line-height: 28px;
    font-size: 24px;
    color: #fff;
}
.Fct .wx-code,.Fct .applet-code{
    display: inline-block;
    text-align: center;
    margin: 14px 0 0;
}
.Fct .applet-code img,.Fct .wx-code img{
    width: 104px;
    height: 104px;
}
.Fct .wx-code .t , .Fct .applet-code .t{
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    margin: 5px 0 0;
}
.Fct dt a {
    font-size: 16px;
    color: #fff;
}

.home-title {
    font-size: 32px;
    color: #333333;
    position: relative;
    text-align: center;
    /*font-weight: bold;*/
    padding-bottom: 16px;
    margin: 72px 0 38px;
}
.home-title:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -26px;
    bottom: 0;
    width: 52px;
    height: 5px;
    border-top: 5px solid #0082b4;
}
.visual-slide{ position:relative}
.video_text {
    position: absolute;
    top: 40%;
    z-index: 999999;
    left: 5%;
	transform: translateY(-50%);
}
.video_text h2{ font-size:54px; color:#ffffff}
.video_text p{font-size:34px; color:#ffffff; padding-top:2%; padding-bottom:2%; line-height:60px;}
 .video_more a{ 
 display: block;
    width: 200px;
    height: 40px;
    line-height:40px;
    border-radius: 50px;
    background-color: #c01920;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
    font-size:16px;
}
/*banner*/
.banner_nei {
    position: relative;
    margin: 0 auto;
        margin-top: 0px;
    height: 100%;
    width: 100%;
}
.banner_nei_center {
    position: relative;
    margin: 0 auto;
    height: 100%;
    width: 100%;
}
.banner_nei_center .bg {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
}
.banner_nei_center img {
    position: relative;
    width: 100%;
    height: 100%;
}
.banner_nei_center .txt {
    margin-top: -15%;
}
.banner_nei_center .txt {
    position: absolute;
    left:12%;
}
.banner_nei_center .txt h1 {
padding: 0;
    padding-right: 0px;
    padding-left: 0px;
color: #fff;
font-size: 50px;
line-height: 85px;
margin-bottom: 0px;
margin-top: 0px;
letter-spacing: 1px;
display: inline-block;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
text-align: left;
width: 100%;
text-align: center;
text-shadow: 0px 0px 1px #333;
background-color: rgba(2,72,144,0.6);
padding-left: 20px;
padding-right: 20px;
}
.banner_nei_center .txt p {
    width: 100%;
    margin: 0px auto;
        margin-bottom: 0px;
    margin-bottom: 0px;
    margin-bottom: 0px;
    padding: 0;
    color: #fff;
    font-size: 28px;
    line-height: 35px;
    font-weight: 300;
    margin-bottom: 10px;
    letter-spacing: 1px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    text-align: left;
    text-shadow: 0px 0px 1px #333;
	text-align:center;
}
.abtn {

    position: relative;
    display: block;
    margin: 0 auto;
    width: 66px;
    height: 66px;
    left: 0;
    right: 0;
    z-index: 1000;
      color: #fff;
    text-align: center;
    line-height: 66px;
    border-radius: 66px;
    top: -80px;

}
.abtn span {
font-family: "iconfont" !important;
font-style: normal;
    font-size: 3.2rem;
    color: #fff;
    display: block;
}
.abtn span{
	background: url(../images//mdown.png) no-repeat center center; width: 42px; height: 66px;
-webkit-animation: bounce-up 2s linear infinite;
animation: bounce-up 2s linear infinite;
margin:0 auto;
}
@-webkit-keyframes bounce-up {
         25% {-webkit-transform: translateY(10px);}
        50%, 100% {-webkit-transform: translateY(0);}
         75%{-webkit-transform: translateY(-10px);}
}

@keyframes bounce-up {
         25% {transform: translateY(10px);}
         50%, 100%{transform: translateY(0);}
         75%{transform: translateY(-10px);}
}
.search-send {
    position: absolute;
    z-index: 2;
    background-color: #222;
    right: -34%;
    top: 0;
    width: 380px;
    height: 100%;
    transition: right .3s;
}
.search-send.on {
    right: 0;
}
.carousel-more {
    width: 178px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 19px;
    color: #fff;
    display: block;
    text-align: center;
}

.search-send .close {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/search_close.png) no-repeat center;
    position: absolute;
    top: 50%;
    left: 6px;
    margin-top: -9px;
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: transform .3s ease 0s;
}
.search-send .close:hover {
    transform: rotateZ(90deg);
    transition: transform .3s ease 0s;
}
.search-send form {
    width: 100%;
    height: 100%;
}
.search-send .text {
    border: 0;
    font-size: 18px;
    height: 100%;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    color: #555;
    background: 0;
    padding: 0 5% 0 13%;
    outline: 0;
}
.search-send .submit {
    cursor: pointer;
    border: 0;
    background: url(../images/search.png) no-repeat center;
    background-color: #0082b4;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20%;
    height: 100%;
    outline: 0;
}
@media screen and (max-width: 1645px) {
    .n_header .header01 .nav{
        float: left;
        margin: 10px 1% 5px;
    }
}
@media screen and (max-width: 1609px) {
    .n_header .header01 .nav{
        float: left;
        margin: 10px 1% 5px;
    }
}
@media screen and (max-width: 1543px) {
    .n_header .header01 .nav{
        float: left;
        margin: 10px 1% 5px;
    }
}
@media screen and (max-width: 1510px) {
    .n_header .header01 .nav{
        float: left;
        margin: 22px 2% 16px;
    }
}
@media screen and (max-width: 1480px) {
    .n_header .header01 .nav{
        float: left;
        margin: 10px 1% 5px;
    }
.n_header.headb_box .header01 .nav {
    float: left;
    margin:5px;
}
.n_header.headb_box .header01 .logo{height:65px;}
}
.main_center{margin:0 auto}
.slide-text{ display:none}
.notice{ line-height:70px; background:rgba(0,0,0,0.1);height:70px;}
.notice_content{width:90%;max-width:1220px; margin:0 auto}
.notice_left{width:60%; float:left}
.notice_left span{ font-size:18px; color:#181818; font-weight:bold; padding-right:15px;}
.notice_left .hot_text a{ color:#282828; font-weight:normal; padding-right:5px; border-right:1px solid #383838; font-size:16px;}
.notice_right{width:40%; float:right}
.form-control{width:79%; line-height:60px; float:left}
.search_btn{ background:#0082b4;width:20%; float:right;margin-top: 10px; border:none; line-height:45px;; font-size:16px; color:#fff}

/*about_us*/
.about_us{width:100%;    background-position: 0 100%;
    background-repeat: no-repeat; overflow:hidden; margin-bottom:3%
}
.about_us_content{ margin:0 auto;width:90%;max-width:1220px; position:relative}
.about_us_left{    display: inline-block;
    width: 44.375%; padding-top:2%;
}
.about_us_right {
    position: relative;
}
.about_us_right a.usimg_more {
    width: 105px;
    height: 105px;
    display: block;
    border-radius: 50%;
    background-image: url(../images/about_rn.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: 105px;
    position: absolute;
    right: 16.67%;
    bottom: 6%;
}
.about_us_right a i {
    color: #fff;
    font-size: 30px;
	-moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .1s;
}
.about_us_right a:hover .about_us_right a  i{transform: scale(1.125);
    -ms-transform: scale(1.125);
    -webkit-transform: scale(1.125);}
.iconfont {
    font-family: "iconfont" !important;}
.company_more{
margin-top: 10px;
transition: all 0.6s;
display: block;
width: 147px;
height: 45px;
line-height:45px;
text-align: center;
border-radius: 25px;
color: #fff;
font-size: 18px;
background-image: -moz-linear-gradient( -28deg, rgb(2,100,130) 0%, rgb(2,109,142) 72%, rgb(2,135,175) 100%);
background-image: -webkit-linear-gradient( -28deg, rgb(2,100,130) 0%, rgb(2,109,142) 72%, rgb(2,135,175) 100%);
background-image: -ms-linear-gradient( -28deg, rgb(2,100,130) 0%, rgb(2,109,142) 72%, rgb(2,135,175) 100%);
box-shadow: 2.046px 2.194px 9.8px 0.2px rgba(16, 45, 155, 0.35);
margin-bottom:20px;
margin-top:10px;
}
.about_us_title h3 span{ font-size: 36px;
display: block;
height: 40px;
line-height: 40px;
width: 100%;
overflow: hidden;
letter-spacing: 3px; text-align:center; margin-bottom:10px;
margin-top: 20px;color:#111111}
.about_us_title h3{ margin-bottom:20px;margin-top:20px}
.title em {
    width:90px;
    height: 3px;
    background: #0082b4;
    margin: auto;
    display: block;
	margin:0 auto;
	text-align:center;
}
.line_ly{height:2px; background:#0082b4; width:15%; margin:0 auto}
.about_us_title p{width:80%; margin:0 auto;font-size: 16px;
color: #333333;

line-height: 30px; text-align:center}
.about_top {
    clear: both;
    height: auto;
    overflow: hidden;
        background-size: auto;
    background-size: cover;
    padding: 5% 0 2% 0;
	margin-left: -5%;
	margin-bottom:15%
}

.about_top li {
    float: left;
    width: 33.3%;
    height: auto;
    overflow: hidden;
    text-align: center;
	position:relative;
}
.about_top li::before {

    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 91px;
    border-right: 1px solid #c5c5c5;

}
li {
    list-style: none;
    text-decoration: none;
}
.about_top li span {
font-family:impact;
font-size: 45px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
color:#0082b4;
margin: 16px 0 13px;
display: inline-block;
font-weight:bold
}
.about_top li i {
    display: block;
    font-size: 16px;
color: #333;
line-height: 30px;
}
.about_top li em{
    font-size: 30px;
    color: #55555;
    font-family: Arial;
	font-style: normal;
}
.about_top li .icon1{
    background-position: 0 0;
}
.about_top li .icon2{
    background-position: 0 0;
}
.about_top li .icon3{
    background-position: 0 0;
}
.about_top li .icon4{
    background-position: 0 0;
}
.about_us_list img:hover{cursor: pointer;
-webkit-transform: scale(1.2);transform: scale(1.2);
overflow:hidden}
.about_us_list img{-webkit-transition: all 3s;transition: all 3s;}
.about_us_list{ margin:0 auto}
.about_us_up{width: 100%;position: relative;  position:relative; overflow:hidden; text-align:center}
.about_us_up .jianjie{ position:absolute; z-index:9999; top:0;padding: 30px 25px; color:#fff; line-height:25px; font-size:14px; background:url(../images/hbg.png) repeat left center; background:none}
.about_us_up .jianjie h3{ font-size: 24px;
font-weight: bold;
padding-bottom: 15px; }
.about_us_up:hover .about_us_up img{width:110%;}
.about_us_up img{max-width:100%;}
.about_us_up .jianjie p{ color:#fff;}
.about_us_up_content{width:100%; overflow:hidden}
.about_us_bottom{width:100%; position:relative;overflow: hidden; float:left;  padding-top:0}
.about_us_up img:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.about_us_up img{
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
	
}
.about_title{ text-align:center;width: 94%;
margin: 0 auto;
text-align: center;}
.company_title{font-size: 45px;
color: #333333;
text-align: center;
line-height: 50px;
letter-spacing: 2px;
margin: 0;
padding: 0; margin-bottom:15px}
.about_title p {
    margin: 0 auto;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
}
.company_title b{display: inline-block;
margin: 0 10px;
color: #0082b4;font-size: 60px;
line-height: 40px;}
.company_txt{ line-height:30px; font-size:16px; color:#666666}
.company_txt p{ color:#666666}
.company_txt .more{ color:#0082b4}
.about_us_up img{ max-width:100%}
.about_us_bottom1{ position:relative; margin-bottom:1.2%;width:100%}
.about_us_bottom1 .jianjie{width:100%; height:100%}
.about_us_bottom .jianjie p{ color:#fff;}
.about_us_bottom1 .jianjie{ position:absolute; z-index:9999; top:0;padding: 30px 25px; color:#fff; line-height:25px; font-size:14px; background:url(../images/hbg.png) repeat left center; }
.about_us_bottom1 .jianjie h3{ font-size: 32px;
font-weight: bold;
padding-bottom: 15px;}
.about_us_bottom2{ position:relative; margin-bottom:1.2%;width:100%; overflow:hidden}
.about_us_bottom2 .jianjie{width:200px; height:200px; left:30%; top:5%; background:url(../images/gre.png) repeat left center; border-radius:100px;}
.about_us_bottom2 .jianjie1:hover{opacity: 0;
transform: scale(0.87);
-webkit-transform: scale(0.87);
-moz-transform: scale(0.87);transition: 850ms 1850ms;width:100%;height:100%; left:0; top:0;background:url(../images/gre.png) repeat left center; border-radius:0;}
.about_us_bottom2 .jianjie{ position:absolute; z-index:9999; top:0;padding: 30px 25px; color:#fff; line-height:25px; font-size:14px;top:5%}

.about_us_bottom2 .jianjie h3{ font-size: 20px;
font-weight: bold;color:#fff;text-align:center;}
.about_us_bottom2 .jianjie p{ color:#fff; text-align:center}
.us_line{height:2px; background:#fff;}
.about_item  li {
    float: left;
    margin-right: 105px;
    position: relative;
    margin-top:15px; margin-bottom:25px;
}
.about_item  li em {
    display: block;
    width: 46px;
    height: 46px;
    margin: 0 auto;
    overflow: hidden;
}
.about_item  li em img {
    display: block;
    width: 46px;
    height: 46px;
    transition: all 0.3s;
}
.about_item  li span{display: block;
font-size: 16px;
line-height: 16px;
color: #333333;
margin-top: 10px;
text-align: center;}
.about_item  li:hover em img:nth-child(1) {margin-top:-46px;}
.about_item  li:hover span{color: #0082b4; }
.about_item  li:last-child{ margin-right: 0;}
.company_l{ display:inline-block; float:left;background: url(../images/phone.png) no-repeat left 50%;    padding-left: 65px;}
.company_list{
    min-height: 55px;
    font-size: 20px;
    line-height: 26px;
    color: #0082b4;
}
.company_i {
    font-size: 28px;
    font-weight: bolder;
}
.company_r{
    margin-left: 25px;
    padding-top: 3px;
	 float:left;
	 margin-left:65px;
	 padding-top: 8px;
}
.company_r a {
    display: block;
    width: 152px;
    height: 44px;
    background: url(../images/i_online_icon.png) no-repeat 30px 50% #0082b4;
    color: #fff;
    line-height: 44px;
    font-size: 16px;
    text-indent: 56px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.company{ padding-top:15PX;}
/*products*/
.product_case{ padding-bottom:0%; padding-top:3%;}
.product_case_content{width:90%;max-width:1220px; margin:0 auto; text-align:center }
.product_case_content ul li{width: calc(100%/3); float:left}
.product_title{ padding-top:15px; padding-bottom:15px;}
.product_title h3{ font-size:36px; color:#111111; text-align:center; line-height:50px; letter-spacing:2px; margin:0; padding:0; margin-bottom:5px;}
.product_title b {
    display: inline-block;
    margin: 0 10px;
    color: #0082b4;
    font-size: 60px;
    line-height: 40px;
}
.line_ly{height:2px; background:#0082b4; width:15%; margin:0 auto}
.product_title p{margin:0 auto;font-size: 16px;
color: #666666;
line-height: 30px; text-align:center}
.product_list{ padding-top:1%; background:#ffffff; margin-right:-2%}
.product_list img{ width:auto; margin:0 auto;height:298px;-webkit-transition: all 3s;transition: all 3s;}

.pr_bg{position:absolute;width: 100%;
height: 100%; top:0; background:rgba(0,0,0,0.5); display:none; background:url(../images/gray_bg.png) no-repeat center center}
.product_list dl dd:hover .pr_bg{ display:block}
.product_list dl{
margin-bottom: 5%;width:94%}

.product_list dl dd a{ display:block}
.product_list dl dd a span{ display:block;     box-shadow: 1px 3px 10px #d8d8d8; overflow:hidden}
.pr_more_list{background: #0082b4 url(../images/prc_bottom.png) no-repeat bottom center;
color: #ffffff;
text-align: center;
display: flex;
align-items: center;display: block;
width: 100%;
transition: all .5s ease; padding-top:20px; padding-bottom:20px;}
.pr_more_list img {
    width: 50px;
}

.pr_more_list span {
    color: #fff;
    display: block;
    font: 500 18px/2em "微软雅黑";
        font-size: 18px;
}
.case-item {
    float: left;
    width: calc(100%/5);
    text-align: center;
}
.case-item .icon{display: inline-block; border: 0px;width: 100%;width:96%}
.case-item .icon img{width: auto;
width: 140px;
height:140px;padding:0; border-radius:100px}
.pr1 .case-item .icon img{height: 100%;}
.partner .case-item .icon img{ max-width:100%}
.case-item .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.case-item p{font-size: 16px; padding-bottom:10px}
.product_list dl{ float: left;}
.product_list dl dd{ padding:0%; text-align:center}
.product_list dl{ position:relative;}
.product_list dl dt{ background: url(../images/blue.png) repeat left center; line-height:45px; text-align:center; position:absolute; bottom:0;width: 96%;
left: 2%;
bottom: 2%;}
.product_list dl dt a{ color:#ffffff; font-size:16px;}

.product_item ul li{width: calc(100%/3);
float: left;}
.product_item a{ 
color:#777777; font-size:18px; line-height:30px;border-right:1px solid rgba(255,255,255,0.15); padding:5px 10px;text-align:left;display: inline-block;
display: inline-block;
vertical-align: middle;
background-color: #efefef;
text-align: center;
border:1px solid #282828; background:none;
border-radius:5px;width: 90%; float:left

}

.product_item a:hover{ color:#ffffff;background: #0082b4; border:none}
.product_item a.pr_all{ background:url(../images/pr_all.png) no-repeat 15px center #0082b4;
color: #fff; line-height:50px; display:inline-block}
.jcarousel-wrapper{width:100%; margin:0 auto; position:relative}
#content .pic_hover dl dt a{ font-size:14px;}
.contact_us_center{ font-size:16px;}
.contact_us_center p{font-size:16px; line-height:35px;}
/*press*/
#press {
    width: 100%;
    height: 300px;
    background: #0082b4;
    margin: 0 auto;
    color: white;
	background: url(../images/gg_bg.jpg) no-repeat center bottom;
	
}
#press h2 {
    text-align: center;
    padding-top: 50px;
	font-size:45px;
}
#press p {
    text-align: center;
    padding-top: 10px;
	font-size:16px;
}
#press ul {
    width: 80%;
    margin: 0 auto;
    height: 200px;
}
#press ul li {
    width: 16.6%;
    height: 200px;
    float: left;
    text-align: center;
}
#press ul li img {
    width: 60%;
    margin-top: 20%;box-shadow: 1px 2px 2px #383838; border-radius:100px
}
#press ul li h3 {
    padding: 15px 0;
}
#press ul li span {
    display: block;
    text-align: center;
    width: 89%;
    margin: 0 auto;
    font-size: 13px;
}
.rotateIn
/*cases*/
.cases{width:100%; margin-top:0%;border-bottom: 1px solid #e8e8e8;}
.cases_title{font-size: 36px;
color: #080808;
text-align: center;
line-height: 50px;
letter-spacing: 2px;
margin: 0;
padding: 0; padding-top:2%; padding-bottom:2%; background:#f5f5f5;border-top: 1px solid #e8e8e8;}
.cases_title b {
    display: inline-block;
    margin: 0 10px;
    color: #0082b4;
    font-size: 60px;
    line-height: 40px;
}
.cases_title h3 {
    font-size: 36px;
 color: #080808;
    text-align: center;
    line-height: 50px;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
}
.cases_title p {
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    text-align: center;
}
/* 滚动图片 */
.cases_content{width:100%; margin:0 auto;background:#f2f2f2;padding-bottom: 3%;}
.cases_list{width:100%;margin:0 auto; background:#ffffff}
.pr1{width:90%;max-width:1220px; margin:0 auto; padding-top:1%; padding-bottom:0.5%}
.jcarousel_main{height:260px}
.jcarousel_main a.bx-prev,.jcarousel_main a.bx-next{position:absolute;top:70px;display:block;width:77px;height:77px;z-index:999;}
.jcarousel_main a.bx-prev{left:-40px;background:url(../images/lbt.png) no-repeat center center;}
.jcarousel_main a.bx-prev:hover{background:url(../images/lbt.png) no-repeat center center;}
.jcarousel_main a.bx-next{right:-40px;background:url(../images/rbt.png) no-repeat center center}
.jcarousel_main a.bx-next:hover{background:url(../images/rbt.png) no-repeat center center;}	


.jcarousel2 a.bx-prev{left: -40px;background:rgba(84, 84, 84, 0.4) url(../images/news_l.png) no-repeat center center;}
.jcarousel2 a.bx-prev:hover{background:rgba(84, 84, 84, 0.4) url(../images/news_l.png) no-repeat center center;}
.jcarousel2 a.bx-next{right:-40px;background:rgba(84, 84, 84, 0.4) url(../images/news_r.png) no-repeat center center}
.jcarousel2 a.bx-next:hover{background:rgba(84, 84, 84, 0.4) url(../images/news_r.png) no-repeat center center;}	
.jcarousel2 a.bx-prev, .jcarousel2 a.bx-next {
    width: 27px; }
.jcarousel2 a.bx-prev{left:0;}
.jcarousel2 a.bx-next{right:0;}
.case-item a{ color:#ffffff}
.jcarousel3 li.case-item a{ color:#333333}
.jcarousel2 dd img{width:100%}
.jcarousel2 li{ position:relative;width:25%; float:left}
.jcarousel2 dl{width:90%;max-width:1220px; padding:20px; background:#ffffff;box-shadow: 1px 3px 10px #d8d8d8; margin-bottom:20px}
.jcarousel2 dt{display: block;
width: 100%;
line-height:35px;
font-size: 1.6rem;
color: #FFFFFF;color:#ffffff}
.jcarousel2 dt a{ color:#ffffff; font-size:14px;}

.jcarousel3 a.bx-prev{left: -40px;background:rgba(84, 84, 84, 0.4) url(../images/news_l.png) no-repeat center center;}
.jcarousel3 a.bx-prev:hover{background:rgba(84, 84, 84, 0.4) url(../images/news_l.png) no-repeat center center;}
.jcarousel3 a.bx-next{right:-40px;background:rgba(84, 84, 84, 0.4) url(../images/news_r.png) no-repeat center center}
.jcarousel3 a.bx-next:hover{background:rgba(84, 84, 84, 0.4) url(../images/news_r.png) no-repeat center center;}	
.jcarousel3 a.bx-prev, .jcarousel3 a.bx-next {
    width: 27px; }
.jcarousel3 a.bx-prev{left:0;}
.jcarousel3 a.bx-next{right:0;}
.case-item a{ color:#ffffff}
.jcarousel3 dd img{width:100%}
.jcarousel3 li{ position:relative;width:20%; float:left;}
.jcarousel3 dl{width:90%;max-width:1220px; padding:20px; background:#ffffff}
.jcarousel3 dt{display: block;
width: 100%;
line-height:35px;
font-size: 1.6rem;
color: #FFFFFF;color:#ffffff}
.jcarousel3 dt a{ color:#ffffff; font-size:14px;}

/*Albums*/
.Albums{width:100%; margin-top:2%}
.Albums_title{font-size: 36px;
color: #ffffff;
text-align: center;
line-height: 50px;
letter-spacing: 2px;
margin: 0;
padding: 0; padding-top:2%; padding-bottom:2%}
.Albums_title b {
    display: inline-block;
    margin: 0 10px;
    color: #ffffff;
    font-size: 60px;
    line-height: 40px;
}
.Albums_title h3 {
    font-size: 36px;
    color: #ffffff;
    text-align: center;
    line-height: 50px;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
}
.Albums_title p {
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
    text-align: center;
}
.Albums_left{width:50%; margin-left:0 !important; display:block; float:left;  background-size:cover}
.Albums_right{width:33%; margin-left:0 !important; display:block; float:left;}
.Albums_right_content{width:95%; margin:0 auto;float:right}
.Albums_right_content h3{ text-align:center; font-weight:bold}
.Albums_right_content h3 a{ color:#333333;font-size:34px;line-height:45px; margin-bottom:10px; font-weight:normal}
.Albums_right_content p{ color:#585858; font-size:14px; padding-top:9%; padding-bottom:9%;width:60%; margin:0 auto;}
.Albums_left_content{width:74%; margin:0 auto; padding-top:12.2%; padding-bottom:14%}
.Albums_left_content h3{ text-align:center; font-weight:bold}
.Albums_left_content h3 a{ color:#ffffff;font-size:34px;line-height:45px; margin-bottom:10px}
.Albums_left_content p{ color:#ffffff; font-size:14px; padding-top:5%;width:60%;padding-bottom:3%; margin:0 auto}
.Albums_introduce .company_txt{background-color: rgba(255,255,255,.8);
transition: background 1s linear;padding: 15px 25px 20px;}
.Albums_introduce { margin-top:20px;}
.Albums_content{ padding-bottom:1%}
/* 滚动图片 */

.jcarouse2_main a.bx-prev,.jcarouse2_main a.bx-next{position:absolute;top:100px;display:block;width:77px;height:77px;z-index:999;}
.jcarouse2_main a.bx-prev{left: -40px;background:url(../images/bra_lf_btn.jpg) no-repeat center center;}
.jcarouse2_main a.bx-prev:hover{background:url(../images/bra_lf_btn_hover.png) no-repeat center center;}
.jcarouse2_main a.bx-next{right:-40px;background:url(../images/bra_rt_btn.jpg) no-repeat center center}
.jcarouse2_main a.bx-next:hover{background:url(../images/bra_rt_btn_hover.png) no-repeat center center;}		

.jcarousel1 a.bx-prev{left: -40px;background:rgba(84, 84, 84, 0.4) url(../images/news_l.png) no-repeat center center;}
.jcarousel1 a.bx-prev:hover{background:rgba(84, 84, 84, 0.4) url(../images/news_l.png) no-repeat center center;}
.jcarousel1 a.bx-next{right:-40px;background:rgba(84, 84, 84, 0.4) url(../images/news_r.png) no-repeat center center}
.jcarousel1 a.bx-next:hover{background:rgba(84, 84, 84, 0.4) url(../images/news_r.png) no-repeat center center;}	
.jcarousel1 a.bx-prev, .jcarousel1 a.bx-next {
    width: 27px; }
.jcarousel1 a.bx-prev{left:0;}
.jcarousel1 a.bx-next{right:0;}
.case-item a{ color:#ffffff}
.jcarousel1 dd img{width:100%}
.jcarousel1 li{ position:relative; padding-top:50px; padding-bottom:50px}
.jcarousel1 dt a{ color:#333333; font-size:20px;}
.jcarousel1 li.case{ margin-right:0}
.jcarousel1 li:hover{background: #0082b4;
color: #ffffff;}
.jcarousel1 li:hover .port-box img{    color: #fff;
    position: relative;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3); margin-bottom:30px}
.jcarousel1 li:hover a.port-title{color: #ffffff;font-size:25px;}
.jcarousel1 li:hover .jcarousel1 li{ overflow:hidden}
.jcarousel2 a.bx-prev{left: -80px;background:rgba(84, 84, 84, 0.4) url(../images/news_l.png) no-repeat center center;}
.jcarousel2 a.bx-prev:hover{background:rgba(84, 84, 84, 0.4) url(../images/news_l.png) no-repeat center center;}
.jcarousel2 a.bx-next{right:-80px;background:rgba(84, 84, 84, 0.4) url(../images/news_r.png) no-repeat center center}
.jcarousel2 a.bx-next:hover{background:rgba(84, 84, 84, 0.4) url(../images/news_r.png) no-repeat center center;}	
.jcarousel2 a.bx-prev, .jcarousel2 a.bx-next {
    width: 27px; }
.jcarousel2 a.bx-prev{left:0;}
.jcarousel2 a.bx-next{right:0;}
.pr1 .case-item a{ color:#333333}
.jcarousel2 dd img{width:100%}
.jcarousel2 li{ position:relative}

.jcarousel2 dt a{ color:#ffffff; font-size:14px;}
.readmore a {
    display: block;
    width: 150px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    border: 1px solid #ffffff;
    color: #ffffff;
}
.Albums_right .readmore a {border:2px solid #0082b4;
color: #0082b4;}
.pr {
    width: 100%;
    margin: 0 auto;
    padding-top:1%;
}
/*选择优势*/
.section_advantage{ overflow:hidden; padding: 3% 0;}
.advantage_main{  margin:0 auto; overflow:hidden; margin-top:2%; margin-bottom:2%;width: 96%;
margin: 0 auto;}
.youshi .index_ {
    padding: 0 0 2em;
}
.row {
    width: 100%;
	margin:0 auto;
}
.row::after,.row::before {
    clear: both;
    display: table;
    content: " ";
}
.full-row .row .span-3, .span-3 {
    float: left;
    margin-right: 1%; margin-left:1%;
    width: 23%;
    transition: .2s width ease;
}
.seg {
    padding: 5px !important;
    border: 1px solid #d5d5d5;
    margin-bottom: 15px;
	    text-align: center;
    padding-bottom: 30px;
	background: #f2f2f2;
}
.seg .segin {
    padding: 10%;
    border: 1px solid #d5d5d5;
	background: #fff;
}
.seg .icon {
    display: inline-block;
    background: #fff;
    width: 100px;
    height: 100px;
    position: relative;
    margin-bottom: 0px;
}
.seg .icon a {
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 auto;
}
.seg .icon img {
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.seg .icon a:hover img {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
.seg h3 { font-size: 20px; padding: 5px 5px;  font-weight: bold; line-height:40px;}
.seg p { font-size: 14px; height: 100px;color: #585858; overflow:hidden}
.guanggao{ background: url(../images/ggbg.jpg) no-repeat center center;padding-top: 10px;background-size: cover;
    height: 136px;}
.shuo_phone{ text-align:center; color:#ffffff; font-size:16px; line-height:35px;}
.gg_content{width:90%;max-width:1220px; margin:0 auto}
.guanggao h3 {
    color: #fff;
    font-size: 32px;
    text-align: center;
    margin: 25px 0px 5px;
}
/*news*/
.news{
	padding-top:3%;
	background:#f9f9f9
}
.title b{display: inline-block;
margin: 0 10px;
color: #0082b4;
font-size: 60px;
line-height: 40px;}
.news_title {
    padding-top: 15px;
    padding-bottom: 15px;
}
.news_content{margin:0 auto;width:90%;max-width:1220px; margin:0 auto}
.news_title{ width:90%;max-width:1220px; margin:0 auto}
.news_title h3 {
    font-size: 36px;
    color: #333333;
    text-align: center;
    line-height: 50px;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
	margin-bottom: 15px;
}
.news_title p {
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    color: #555555;
    line-height: 30px;
    text-align: center;
}
.news_left{width:30%; margin-right:2%; float:left}
.news_center{width:41%; margin-right:3%; float:left}
.news_center .news_tt_title{ color:#0082b4; font-size:25px; letter-spacing:1px}
.news_center .news_tt_title a{color:#0082b4; line-height:45px; font-size:25px; color:#181818}
.news_tt_content{ font-size:16px; color:#585858; line-height:35px;}
.news_list{width:100%;padding-top:20px; padding-bottom:2%;}
.news_right{width:56%; float:right;}
.news_right ul li{ background:url(../images/dian.png) no-repeat left center; line-height:40px; text-indent:20px;}
.news_right ul li a{ color:#222222; font-size:16px; letter-spacing:0}
.news_right ul li a:hover{color: #0082b4;}
.news_right ul li .right{ float:right; width:auto;font-size:14px;}
.news_more{ margin-top:15px;}
.news_more a{ border:1px solid #ccc; padding:10px 25px; color:#585858}
.news_more a:hover{ background:#0082b4; color:#ffffff; cursor:pointer}
.line_news{ background:#0082b4; height:2px;width:120px; float:left}
.item_title{ float:left; border-bottom:2px solid #0082b4;}
.learnmore{ float:right; font-size:18px; color:#080808; line-height:52px;}
.news_list dt h3{ margin-top:5px; margin-bottom:5px; text-align:left}
.news_list dt h3 a{font-size: 20px;color: #333333; font-weight:normal; line-height:35px}
.news_list dt h3 a strong{font-weight:normal}
.news_list dd .thumb{width:100%;}
.news_list dd .thumb img{width:100%;max-height: 300px;}
.news_list .dtl .date1 {
    font-size: 14px;
    color: #989898;
    line-height: 30px;
}
.news_list .news_right  dl{     border: 1px solid #ddd;
    margin-bottom: 16px;
    transition: all 0.2s linear 0s;margin-bottom:2%;display: block;
padding: 28px;}
.news_list .news_right .title_new{ line-height:40px;}
.news_list dt h3 a{ line-height:45px;}
.news_list .dtl .desc {
    font-size: 14px;
    color: #585858;
    line-height: 25px;
	letter-spacing: 0.3px;
	padding:0;
	 margin-bottom:20px
}
.case_title .item_title{font-size: 30px;
color: #080808;
text-align: center;
line-height: 50px;}
.date_item{display: block;
border-top: 1px solid #ddd;
color: #666;
vertical-align: middle;
*zoom: 1; line-height:35px; font-size:14px; text-align:left}
.date_item b{color: #666;
display: block;
font-size: 48px;
line-height: 48px;}
.date_item em{font-size: 14px; font-style:normal}
.news_list dl dd .title_new a{font-size: 18px; color:#000000}
.news_list dl dd .new_content{font-size: 15px;
line-height: 20px;
height: 40px;
color: #666;}
.news_list dl dd .new_content .more{ color:#0082b4}
.case_title { margin-bottom:1%}
.ifocus .mF_classicHC .txt li{background:#dedede}
.ifocus .mF_classicHC .txt li a{ line-height:26px;}
.case_shuo{ background:#0082b4; padding:20px; color:#fff; line-height:26px; font-size:14px;}
.newmore{color: #0082b4; font-size: 14px;}
/*footer*/
.footer{
color: #333;
background-color: #fff;
border-top: 2px solid #e3e3e3;
position: relative;
overflow: hidden;}
.foot_left{float: left;

margin: 30px 0 0; margin-left:1%}
.foot {
   color: #333;
background-color: #fff;
border-top: 2px solid #e3e3e3;
position: relative;
overflow: hidden;
padding-bottom:2%
}

.footlit{

    display: block;
    width: 0px;
    height: 250px;
    background: #aaa;
    float: left;
    margin: 0 4% 0;

}
.foot_box {
margin-right: auto;
margin-left: auto;
}
.foot_box dl {
width: auto;
float: left;
padding: 0;
padding-right:1%; max-width:60%;
}
.foot_box dl img{width:158px;height:158px;}
.foot_box dl p{ padding-left:25px;}
.bottom_tel{ font-size: 18px;background:url(../images/footer_tel.png) no-repeat left center}
.bottom_email{ font-size: 18px;line-height: 32px;color:#333;background:url(../images/footer_email.png) no-repeat left 10px}
.bottom_address{ font-size: 16px;line-height: 32px;color:#333;background:url(../images/footer_address.png) no-repeat left 8px}
.bottom_mobile{ font-size: 16px;line-height: 32px;color:#333;background:url(../images/footer_mobile.png) no-repeat left 5px}
.bottom_fax{ font-size: 16px;line-height: 32px;color:#333;background:url(../images/footer_fax.png) no-repeat left 8px}
.bottom_contact a{font-size: 18px;
color: #e8e8e8;
line-height: 52px;}
.weixin{display: inline-block;
    text-align: center;
	float:left;
	margin-right:1%;
}
.weixin span{display: block;
font-size: 14px;
color: #d8d8d8;
line-height: 32px;
height: 32px;
overflow: hidden;
margin-bottom: 22px;}
.foot_box {width:90%;max-width:1220px; margin:0 auto}

.foot_box dl dd a {
	text-align:left;
    display: block;
    width: auto;
    font-size: 14px;
    color: #0082b4;
    line-height: 25px;
    overflow: hidden;
}
.foot_qr_codes {
    float: left;
    width:auto;
    text-align: center; padding-left:2%;
}
.foot_qr_codes {
    padding-top: 0px;
	width: 35%;
	border-right:none
}
.foot_qr_codes span {
    display: block;
    font-size: 16px;
    color: #d8d8d8;
    line-height: 52px;
    height: 52px;
    overflow: hidden;
    margin-bottom: 12px;
}
.foot_box dl dt a {
    font-size: 20px;
    color: #333;
    line-height: 52px; font-weight:bold;
}
.copyright {
  background: #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  padding-top: 6px;
  padding-bottom: 6px;
}
.copyright a{font-size: 12px;
color: #333;display: inline-block; line-height:30px}
.copyright_center {
    margin: 0 auto;
	width:90%;max-width:1220px;
}
.copyright .cnzz img{ margin-top:10px;}
.copyright span {
    display: inline-block;
    padding-right: 20px;
    color: #e8e8e8;
}
.copyright_right{width:30%; float:right; text-align:right;color: #999; line-height:40px}
.copyright_right a{ color: #e8e8e8;text-decoration:none}
.copyright_left{width:800px; float:left}

/*left*/
.left{font-size: 16px;}
.lefta{width:23%; float:left; margin-right:2%}
.righta{width:75%; float:left}
.topmenu li{
flex-shrink: 0;
width: 100%;
text-align:left;
font-size: 0.18rem;
color: #666;
transition: all 0.5s ease; margin-bottom:5px; text-indent:15px; color:#0082b4; background:url(../images/Prefix1.jpg) no-repeat left center; }
.right{width:100%}
.topmenu{position: static;}
.topmenu::before, .topmenu::after {
    display: table;
    content: "";
    line-height: 0px;
}
#catalog {

    position: relative ;

}
.catalog{ padding-top:15px; padding-bottom:15px;}
.topmenu li.on{color: #0082b4;}
.topmenu li:hover {color: #0082b4; }
.topmenu li:hover .left {
    line-height: 58px;}
.topmenu li:hover{color:#0082b4;}
.topmenu li a:hover{color: #ffffff;background: #0082b4; display:block;}
.topmenu li:hover{ background:url(../images/Prefix.jpg) no-repeat left center;}
.topmenu li.on{color: #ffffff; background:#0082b4; background:url(../images/Prefix.jpg) no-repeat left center;}
.topmenu li a.on{color: #ffffff;}
.topmenu li:hover .topmenu a{color: #0082b4;}
.topmenu li a{ color:#0082b4; line-height:30px; display:block; font-size:14px;}
#content{ font-size:16px; line-height:30px;}
#content .item_title {
    font-size: 32px;
    color: #080808;
    text-align: center;
    line-height: 50px;
border-bottom: 3px solid #0082b4;
margin:0 auto;float:none; }
.part_title{ text-align:center; float:none}
.part_title{ padding-top:1%; margin-bottom:2%}
/* 图文列表 */
.list-img-text,
.list-img-text-l{overflow: hidden;}
.list-img-text li{position: relative;float: left;width: 285px;height: 280px;margin: 0 20px 50px 0;overflow: hidden;}
.list-img-text li:before{position: absolute;top: 0;left: 0;content: "";width: 283px;height: 156px;overflow: hidden;border: 1px solid transparent;}
.list-img-text li img{display: block;width: 100%;height: 158px;-webkit-transition: all 3s;transition: all 3s;}
.list-img-text li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.list-img-text li .bottom{position: relative;height: 122px;background: #e6e6e6;}
.list-img-text li em{display: block;width: 16px;margin: 0 auto;padding-top: 20px;border-bottom: 1px solid #0082b4;}
.list-img-text li span{display: block;height: 20px;line-height: 20px;margin: 18px 20px 0;overflow: hidden;font-size: 14px;text-align: center;white-space: nowrap;text-overflow: ellipsis;}
.list-img-text li a{display: block;width: 74px;line-height: 24px;margin: 24px auto 0;background: #0082b4;border: 1px solid #0082b4;border-radius: 15px;font-size: 14px;color: #fff;text-align: center;letter-spacing: 1px;}
.list-img-text li:hover:before{border-color: #1948ab;}
.list-img-text li:hover .bottom{background: #0082b4;}
.list-img-text li:hover em{border-color: #fff;}
.list-img-text li:hover span{color: #fff;}
.list-img-text li:hover a{background: none;border-color: #fff;}

.list-img-text-l dd a{float: left;width: 260px;height: 308px; background:#fff; text-align:center;margin: 0 10px 10px 0; overflow: hidden;border: 1px solid #efefef;color: inherit; position:relative}
.list-img-text-l dd a img{display: block;width: auto;max-height: 255px;-webkit-transition: all 3s;transition: all 3s;padding:2%; margin:0 auto;}
.list-img-text-l dd a img:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}
.list-img-text-l dd a .info{position: absolute;height: 55px; line-height:55px; font-size:14px; bottom:0;background: #0082b4; color:#fff;font-size: 14px; text-align:center;width: 100%;}
.list-img-text-l dd a .info span{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:16px;}
.list-img-text-l dd a .info em{display: block;line-height: 20px;margin-top: 8px;}
.list-img-text-l dd a .info em:before{content: "";display: inline-block;width: 20px;height: 20px;margin-right: 6px;vertical-align: middle;background-position: -215px -16px;}
.list-img-text-l dd a:hover{border-color: #0082b4;}
.list-img-text-l dd a:hover .info{background: #0082b4;}
.list-img-text-l dd a:hover .info span,
.list-img-text-l dd a:hover .info em{color: #fff;}
.list-img-text-l dd a:hover .info em:before{background-position: -267px -16px;}
.list-img-text-l dt{ padding-bottom:10px; text-align:center}
.list-img-text-l dt a{ color:#333333}
.list-img-text-l dt a:hover{ color:#0082b4}
.es-grouped{bottom: -60px;}
.es-grouped a{width: 8px;height: 8px;margin: 0 4px;background-position: -21px -21px;cursor: pointer;}
.es-grouped a.active{background-position: -73px -21px;}
.contact_us img{width: auto;}
.part1_title .item_title{ margin-bottom:2%}
.part1_content{ padding-right:1%; line-height:35px;}
.part1_content img{ float:left; margin-right:2%;width:35%}
.part1_content h3{ line-height:40px; font-size:28px; color:#383838}
.learn_more{ color:#0082b4}
.part1{ margin-bottom:2%;}
.part2{ background:#f0f0f0; padding-top:1%; padding-bottom:2%}
.part2 embed{ max-width:100%}
.part_center{width:90%;max-width:1220px; margin:0 auto}
.part3{ background:url(../images/wh_bg.jpg) no-repeat left center; padding-top:1%; padding-bottom:8%;}
.part3_left{width:100%; float:left; margin-right:2%}
.part3_right{width:48%; float:left;}
.part3_right img{ max-width:100%; margin-bottom:2%}
.part3_left h3{ font-size:24px; color:#222222}
.part3_left p{ font-size:16px; color:#080808}
.part3_title {
    padding-top: 1%;
    margin-bottom: 3%;

}
.part4_center{ text-align:center}
.part5{background: #f0f0f0;
padding-top: 1%;
padding-bottom: 2%;}
.about{ padding-bottom:5%}
.floatright{ float:right;
margin-top: 3%;
margin-bottom: 3%;}
/*news*/
.news_lists dl{ margin-bottom:2%}
.news_lists dl .thumb{width:100%;}
.news_lists dl .thumb img{width:100%;height:160px;}
.news_lists dt h3 a{ color:#080808; font-size:22px;}
.news_text{ margin-top:2%; padding-bottom:1%}
.news_text p{ color:#585858; line-height:32px;}
.news_text p a{color: #000000; font-size:14px;}
.news_centerlist .news_text h5 a{ color:#0082b4;  font-size:18px;}
.news_text h5 a:hover{ color:#0082b4}
.news_text p a:hover{ color:#0082b4}
.news_text span.date{ float:right; font-size:14px;color:#0082b4}
.news_text h5 a{color:#080808; font-size:18px; font-weight:600}
.pages{ float:right; padding-top:10px;}
.pages a{ color:#080808}
.pages strong{ color:#c50000}
.view_n{ text-align:right; float:right;}
.wz_title h3{ color:#080808; font-size:22px; text-align:center }
.wz_title { padding-top:2%; padding-bottom:1%}
.contentinfo{ text-align:center; color:#999; margin-bottom:3%; font-size:15px}
/*product*/
.productul.pr_item{ margin-top:2%; margin-bottom:2%}
.productul.pr_item li{width:23%; float:left;padding: 1px;
box-shadow: 0 0 10px #c5c7cc; margin-right:1%; margin-left:1% ;margin-bottom:2%; position:relative; overflow:hidden}
.productul.pr_item li .pic img{ max-width:100%; width:auto; max-height:250px;}
.productul.pr_item li .pic{ text-align:center}
.pic_info {
    padding: 15px 20px 20px;
    position: relative;
    background: #f0f0f0;
	height:50px;
}
.pic_info:hover .pic_info H3{ color:#ffffff;}
.pic_info H3{ padding:0; margin:0; text-align:center; color:#080808; font-size:16px;}
.pic_info a {
    color: #4A4A4A;
    text-align: center;
    font-size: 15px;
}
.productul li:hover .pic_hover {
    bottom: 0;
}
.productul li .pic_hover dt{ text-align:center}
.productul li .pic_hover dt a{ line-height:35px; color:#fff;font-size: 18px;
    font-weight: normal;
}
.pic_hover {
    padding: 35px 20px 18px;
    position: absolute;
    background: #0082b4;
    color: #fff;
    bottom: -100%;
    left: 0;
    right: 0;
    z-index: 0;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;

}
.productul li{margin-bottom: 2%;
float: left;
height: auto;
background: #ffffff;
width: calc((100% - 10px)/3);}
.show_pr .picbox img{width:auto;height:210px;}
.show_pr .picbox span{ display:block; text-align:center}
.show_pr .img-wrap_main p a{line-height:45px;font-size:14px; color:#080808; text-align:center}
.topmenu .submenu{width: 100%;
background:rgba(38,90,191,0.8);
position: absolute;
left: 0;
top:80px;
transition: 650ms;
box-sizing: border-box;}
.topmenu .submenu li{float: left;
margin-right: 3px;
height: 28px;
line-height:28px;
margin-top: 5px; padding:0}
.topmenu .submenu li a{display: inline-block;
padding: 2px 11px 0px;
line-height: normal;
font-size: 14px;
position: relative;
overflow: hidden;
height: 26px; color:#fff}
.submenu i{width: 12px;
height: 6px;
background: url(../images/top.png) center no-repeat;
position: absolute;
left: 50%;
margin-left: -6px;
bottom: -24px;
z-index: 5;
transition: 650ms; display:none}
.ifocus{ max-width:100%; overflow:hidden}
.mF_YSlider-myFocus{ max-width:100%; margin:0 auto}
.newsul{ margin-bottom:2%;margin-top:4%}
.product_pr3list{ padding-top:2%}
.pr3_title{width:100%; margin-bottom:1%; border-bottom:1px solid #ddd}
.pr3_title a{width:auto; padding-left:2%; padding-right:2%; padding-top:5px; padding-bottom:5px; background:#0082b4; color:#fff}
.year_list{ margin-bottom:3%}
.year_list .date{ float:right; font-size:14px; color:#585858}
.pr3_title a.more{ float:right; padding:0; background:none; color:#0082b4; font-size:14px;}
.year_list .pr_name{ background:url(../images/contact_right.png) no-repeat left center; padding-left:20px; border-bottom:1px dashed #e0e0e0}
.year_list .pr_name a{ font-size:15px;}
#page a:active{ color:#0082b4} 
#page a:hover{ color:#0082b4} 
#page a:link{ color:#0082b4} 
#page a:visited{color:#080808}
.pr_item .pic_info h3{ font-size:15px; font-weight:600}
.title20{ height:40px; margin-bottom:10px;}
.mianbao{ width:auto; float:left;background:url(../images/titleimg.png) no-repeat left center; padding-left:25px;}
.mianbao a{ font-size:14px; color:#282828; line-height:30px; }
/*产品详细页 -产品展示*/
/**/

.zi_list{ width:100%}

.product_h1{font-size:1.6em;   padding:1% 0 2% 1%;line-height:182%; background:#f2f2f2; margin-top:10px}
.product_info{ width:100%; float:left; margin-right:10px; padding-top:0px;overflow:hidden}
.product_info table{  width:100%; padding:10px 0; margin:10px 0;}
.product_info table th{ text-align:right; padding:7px 5px; width:80px; font-weight:normal; font-size:13px;}
.product_info table td{ padding:5px;  font-size:12px; background:none;}
.product_info table tr{}
.product_info strong{ font-size:30px;}
#dialog_link,.product_info .goshop{
float:left; 
	background-color: #F06309;
	color: #FFF;
	font-size: 1.0em;
	padding: 8px 0px;
	margin: 10px;
	display: block;
	width: 110px;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;

	
}
.product_info .goshop:hover{ background-color:#FF4A00;}

#dialog_link {margin-left:20px;background:#236298;}
#dialog_link:hover {background:#2065C4;}

.product_img {width:100%; float:left; overflow:hidden;text-align:center; padding-top:0px;}
.product_img .bd{position:relative;width:510px;min-height:300px;overflow:hidden; margin-bottom:5px;text-align:center;max-width: 100%;
height: auto;}
.product_img .showDiv {position:relative;width:510px;height:500px; overflow:hidden;max-width: 100%;
height: auto;}
.product_img .showDiv img {width:100%;max-width:510px;
 width:expression(document.body.clientWidth>510?"510px":"auto");
 max-height:500px;
height:expression(document.body.clientHeight>500?"500px":"auto");
margin:0 auto;
 }
.bd{ margin:0 auto}
.product_img{ text-align:center}
.product_img .hd ul a:hover img, .product_img .hd ul .on img{border-color:#E93B09;}

.pr_name{
    font-size: 36px;
    color: #404040;
    border-bottom: #727272 3px solid;
    line-height: 50px;
    font-weight: normal;
    margin: 0;
}
#pro_baseinfo{ padding-top:5%}
#pro_baseinfo strong{font-size: 18px; font-weight:normal}
#pro_baseinfo li img{ vertical-align:middle}
.pr_name b{ font-size:16px;}
.pr_content_nei{font-size:16px;background-color: #ffffff;padding: 10px 15px;margin-top: 15px; color:#858585}
.pr_content b{font-size:16px}
.contact_list{font-size:16px; padding-top:10px; padding-bottom:10px}
.map_main{ border:1px solid #ddd}
.PicAuto{ height: -moz-calc(width);
    height: -webkit-calc(width);
   height: calc(width);)}
.show_pr{ height: -moz-calc(width);
    height: -webkit-calc(width);
   height: calc(width);)}
.line {
    height: 10px;
    overflow: hidden;
    background: url(images/line_bg.jpg) repeat-x left top;
	display:none;
}

.pr_nei_center .fadeInRight {

    width: 55%;
    float: right;

}
.pr_nei_center .fadeInLeft {

    float: left;
    width: 36%;
    padding-top: 30px;
    margin-right: 5%;

}
.Descript h5 strong {

    background-color: #0082b4;
    padding: 10px 35px;
    line-height: 40px;
    position: relative;
	color:#fff;

}
.Descript h5{ border-bottom:1px solid #ddd}
.foot_mp{color: #ffffff; background:#0082b4; display:none}
.foot_mp b{ font-size:14px;}
.year_list .pr_name a{ color:#404040}
.blank30{height:30px}
.box2{width:90%;max-width:1220px; margin:0 auto; margin-top:3%; padding-top:2%}
.lefta .topmenu{ background:#f3f3f3}
.lefta ul li{width:100%}
.lefta ul li:hover {
    color: #0082b4;
    border-bottom:none;
	 background:#dfdfdf;
}
.lefta ul li:hover .lefta ul li a{color: #0082b4;}
.lefta ul li a:hover{color: #0082b4;}
.lefta ul li a{ font-size:18px; display:block}
.blank20{height:20px;}

.lefta .topmenu {
    padding-left: 0;}
	
.righta .mianbao {
    width: auto;
    float: right;
    padding-left: 25px;
}
.lanmu{ font-size:22px; border-left:3px solid #0082b4; padding-left:20px; padding-right:20px;}
.righta .news_centerlist { border-top: 3px solid #ddd;}
.news_text .img-wrap{padding: 0;
margin: 0;
    margin-right: 0px;
margin-right: 10px;
width: 200px;
height: 113px;
float:left;
overflow: hidden;}
.news_text .img-wrap img{max-width:100%}
.leftatitle{ padding-top:5%;border-bottom: 3px solid #ddd; line-height:50px;}
.leftatitle a{font-size: 22px;
border-left: 3px solid #0082b4;
padding-left: 20px;
padding-right: 20px;}
.leftcontact_list{ line-height:30px; font-size:15px; padding-top:15px; }
.weixin{ background:#f3f3f3; text-align:center; width:100%; padding-top:15px; padding-bottom:15px;}
#dituContent {
    min-height: 380px;
}
.pr_title{ text-align:center}
.pr_title a{ background:#fff; padding-left:20px; padding-right:20px; width:auto; line-height:100px; font-size:30px; color:#181818; font-weight: normal;}
.desc {
    padding-left: 20px;
    padding-right: 20px;
    color: #5d5d5d;
    font-size: 14px;
	text-align:left;
}
#content.contact_us img{ max-width:auto}
.contact_us{width:100%;max-width:1220px; margin:0 auto}
.contact_us_left{width:45%; margin-right:2%; float:left}

.contact_us_right{width:51%; float:left; font-size:23px; line-height:45px; word-break:break-all}
.xuqiu_list{ padding-top:2%; padding-bottom:2%; color:#ffffff; font-size:16px;}
.xuqiu_list a{ color:#ffffff}
.title{
padding-top: 15px;
padding-bottom:15px;}
.links_content{    width: 96%;
    margin: 0 auto;
}
.links_content .links_title{font-size: 26px;
color: #080808;
text-align: left;
line-height: 50px;
margin: 0;
padding: 0; color:#0082b4}
.links_content .links_title a{color:#0082b4; font-size:20px;}
.links_content a{ line-height:28px; color:#282828; font-size:15px; padding-left:5px; padding-right:5px;}
.links{ margin-bottom:2%}
.pr_nei_center{ margin-bottom:2%}
.contact-card{ padding:2%; background:#f7f7f7}
.product_list dl dd a .pr_title {
    text-align: center;
    display: block;
    font-size: 17px;
    color: #333333;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: normal;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
	line-height: 42px;
	background: #0082b4; color:#ffffff
}
.product_list dl dd a .pr_title:hover{color: #0082b4;}
.product_list .learnmore {
    color: #0082b4;
    padding-left: 10px;
    margin: 0px;
    margin-bottom: 20px;
	font-size: 14px;
	float:left;
	 margin-left:20px;
	 border: 1px solid #0082b4;
	 background:#0082b4 url(../images/learnmore.png) no-repeat 90px center;
border-radius: 30px;
padding-left: 25px;
padding-right: 30px;
line-height: 30px;
margin-top:10px;
margin-bottom:30px;
color:#ffffff;

}
.product_list:hover .learnmore{ border:1px solid #ffffff;}
.img-wrap span {
    display: block;
    background: #ffffff;
    box-shadow: 1px 1px 5px #dddddd;
}
.img-wrap  img {
    max-width: 100%;
    margin: 0 auto;
    height: 245px;
    background: #ffffff;
}
.img-wrap  .pr_title {
    text-align: left;
    display: block;
    font-size: 18px;
    color: #181818;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 40px;
}
.img-wrap .desc {
    padding-left: 20px;
    padding-right: 20px;
    color: #5d5d5d;
    font-size: 14px;
    text-align: left;
}
.img-wrap .learnmore{color: #0082b4;
padding-left: 10px;
margin: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
margin-bottom: 20px;
font-size: 14px;
float: left;
margin-left: 20px;
border: 1px solid #0082b4;
background: #ffffff url(../images/learnmore.png) no-repeat 90px center;
border-radius: 30px;
padding-left: 25px;
padding-right: 30px;
line-height: 30px;
margin-top: 10px;
margin-bottom: 30px;}
.left2 {
    position: relative;
    float: left;
    width: 23%;
    margin-right: -23%;
    background-color: #fff;
	margin-bottom:5%;
	margin-top: -60px;
}
.right2 {
    background-color: #fff;
    background-color: #fff;
    width: 94%;
    margin: 0 auto;
}
.left1_title {
    font-size: 26px;
    line-height: 60px;
    text-align:left;
    overflow: hidden;
    color: #333333;
}

.left2 .topmenu > li {
	background:#f5f5f5;
}
.left2 .topmenu li a{ border-bottom:1px solid #dddddd}

.left2 .topmenu{ padding-bottom:8%;background: #f5f5f5;}
.left2 .topmenu > li{width: 100%;
padding-left:5%;
padding-right: 5%;
display: inline-block;
line-height: 40px;}



.left2 .topmenu .figure {
    background: url(../images/close.jpg) no-repeat left center;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    padding-right: 5px;
    padding-top: 5px;
	margin-top:10px;
}

.left2 .topmenu li.on .figure {
    background: url(../images/open.jpg) no-repeat left center;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    padding-right: 5px;
    padding-top: 5px;
	color: #0082b4;
}
.topmenu li.on .menu_item1{ color:#ffffff;}
.left2 .topmenu li a.on{color: #000000;}
.left2 .topmenu li{width:100%; text-align:left}
.left2 .topmenu .submenu{background: #f2f2f2;}
.left2 .topmenu .submenu li a{ color:#282828; display:block; font-size:15px;}
.left2 .topmenu .submenu{ position:relative; top:0;}
.left2 .topmenu .submenu li a:hover {color: #0082b4;}
.mr5 {
    margin-right: 5px;
}
.slide .text1 {
    width: 100%;
    position: absolute;
	height:100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 5;
	background:rgba(0,0,0,0.65)
}
.slide .text1 h3{
    width: 100%;
	margin-top:15%;
    height: auto;
    max-width: none;
    display: block;
    margin-bottom: 20px;
	text-align:center;
	font-size:80px; color:#ffffff; font-family:"微软雅黑"; font-weight:600; line-height:88px; letter-spacing:2px;
	text-shadow:1px 1px 5px #111111;
}
.slide .text1 p{
    width: 100%;
	text-align:center;
	font-size:20px; color:#ffffff;font-family:"微软雅黑";
	text-shadow:1px 1px 5px #111111;
}
.fade .item.videop{ position:relative; margin:0 auto}
.video_more:hover{ background:#0082b4}
.pr_video{ border:1px solid #dddddd;padding-top:1%}
.prs_txt{background: #0082b4 url(../images/prc_bg.png) no-repeat center top; color:#ffffff; padding:6% 1%}
.prs_name{ font-size:32px; font-weight:600; line-height:65px;}
.prs_shuo{ font-size:14px; line-height:25px; padding:0 5%; color:#ffffff}
.Albums_left{
	width:67%
	
}
.Albums_fluid .zxdh span{ color:#ffffff; font-size:20px; line-height:35px;}
.Albums_fluid .zxdh h2{font-size:40px; line-height:65px;color:#ffffff; font-weight:bold; padding-top:2%; padding-bottom:2%}
.Albums_fluid {
    width: 100%;
    margin: 0 auto;
    background: rgba(0,0,0,0.6);
    padding: 3% 8%;
}
.Albums_txt{ color:#ffffff; font-size:16px; line-height:28px}
.Albums_more{ display:block;width:77px;height:77px; background:url(../images/anniu.png) no-repeat center center; margin:0 auto; margin-top:20px;}
.Albums_more:hover{width:77px;height:77px; background:url(../images/anniu1.png) no-repeat center center;}
.Albums_txt .sp{ font-size:20px;}3
.Albums_txt  p{ word-spacing:2px; line-height:35px; margin-top:1%}
.process{
    position: relative;
    overflow: hidden;
    padding: 40px 0;
	padding-bottom:0px;
	padding-top:20px;
}
.process_main{width:90%;max-width:1220px; margin:0 auto}

.process .list {
    width: 100%;
}
.process .list  li {
    float: left;
    width: 20%;
	text-align:center; margin-bottom:2%;
}
.process li .Piece {
    width: 168px;
    height: 168px;
	max-width:100%;
    background: #f2f2f2;
    border: 1px solid #e8e8e8;
    float: left;
    font-size: 20px;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: 0 0 0 #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border-radius:150px;
	color: #111111;
}
.process li p {
    text-align: center;
    padding-top: 6px;
    height:auto;
	margin-bottom:10px;
	font-size:14px;
	color:#585858;
}
.process li img {
    max-width: 118px;
    max-height:118px;
    display: block;
    margin: 0 auto;
	border-radius: 100px;
}
.process li .jtou {
    width: 36px;
    height: 188px;
    background: url(../images/jtou.png) no-repeat center center;
    float: left;
    display: block;
}
.process li:hover .Piece{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
box-shadow: 0 15px 30px rgba(0,0,0,.1);
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0);}
.process_title{font-size: 36px;color: #111111;text-align:center; margin-top:2%; margin-bottom:1%; display:block; line-height:60px;}
.mF_YSlider-myFocus .pic{ max-width:100%}
.mF_YSlider-myFocus .pic img{width:100%;height:100%}
.fenlei{ margin-top:5%}
.product_left .fenlei ul li{ background: #f2f2f2; line-height:60px; font-size:15px; text-align:left;height:80px;border-bottom: 1px solid #cfcfcf;border-top: 1px solid #fff;}
.product_left .fenlei ul li a img{width:100%;height:100%;max-width:120px; margin-top:20px;float: left;margin-left: 35px;margin-right: 6px}
.product_left .fenlei ul li a{ display:block;text-align:left; font-size:17px; line-height:80px;}
.product_left .fenlei ul li a span{background: rgba(53,100,178,0.5); display:block;line-height: 80px;color:#ffffff; background:none; color:#383838;font-size: 22px;font-family:"微软雅黑";;margin-bottom: 15px; background:url(../images/jiantou.png) no-repeat 85% center; padding-right:25px;}
.product_left .fenlei ul li{width:100%}
.product_left .fenlei ul li.dl1{ background:#01519a url(../images/item_bg.jpg) no-repeat center center; background-size:100% 100% }
.product_left .fenlei ul li.dl1 a{ color:#ffffff; text-align:left}
.product_left .fenlei ul li.dl1 a span { color:#ffffff; font-family:"微软雅黑";margin-bottom: 15px;background: url(../images/jiantoub.png) no-repeat 85% center;}
.product_title span{color: #666666 ; font-size:16px;font-family: Microsoft Yahei,Arial,Verdana,sans-serif; letter-spacing:0;}
.contact_bottom{width:100%}
.contact_bottom_left{width:50%; float:left; background:#1160ab url(../images/bottom_lx.jpg) no-repeat right center}
.cf_content{ float:right; padding-top:10%; padding-bottom:10%;padding-right: 25%;}
.contact_left_title{ line-height:60px; color:#ffffff; border:3px solid #ffffff; font-size:32px; margin-top:10%; margin-bottom:10%; text-align:center; margin-right:5%;width: 220px; margin:0 auto; margin-bottom:2%}
.contact_right_title{ line-height:60px; color:#ffffff; border:3px solid #ffffff; font-size:32px; margin-top:10%; margin-bottom:10%; text-align:center; margin-right:5%;width: 220px; margin:0 auto; margin-bottom:2%}
.contact_bottom_left ul li{ line-height:30px; color:#ffffff; font-size:15px; text-align:center}
.contact_bottom_right{width:50%; float:left;background:#187ac5 url(../images/bottom_xs.jpg) no-repeat left center}
.contact_bottom_right .cf_content{ float:left;padding-left:30%;}
.contact_bottom_right .cf_content p{ color:#ffffff; line-height:30px; font-size:16px; padding-left:5%; padding-right:5%;width:220px;}
.banner_index {
    max-height: 90%;
    position: relative;
    overflow: hidden;
}
.clearfix.view-html {
    max-height: 90%;
    overflow: hidden;
}
.view-html .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.clearfix::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.row {
    width: 100%;
    margin: 0 auto;
}
.row::after, .row::before {
    clear: both;
    display: table;
    content: " ";
}
.title h3{ font-size: 45px;color: #333333;}
.left{display: flex;
position: relative;
z-index: 3;
line-height: 0.9rem;
justify-content: center;
align-items: center;
width: 22%;
float: right;border: 1px solid #ededed; margin-left:3%; padding-top:1%; padding-bottom:2%}
.left1{width:90%;max-width:1220px; margin:0 auto}
.right{width: 75%;
margin: 0 auto;
float: left;word-break: break-all;}
header.hl_nei{background-color: rgba(2,72,144,0.85);
transition: all 0.5s ease;}
/*时间轴*/
.time-axis{
	width:80%;
	margin: 0;
	padding: 0;
	position: relative;
	margin:0 auto;
	padding-top:2%
}

.time-axis:before{
	content: '';
	position: absolute;
	left: 93px;
	top: 15px;
	width: 1px;
	height: 100%;
	background-color: #E4E4E4;
}
.time-axis-item{
	list-style: none;
	padding-left: 150px;
	position: relative;
	line-height: 45px;
	font-size: 14px;
	color: #141414;
}
.time-axis-achievement{
	margin: 0;
}
.time-axis-date{
	position: absolute;
	left: 0;
	top: 0;
	color: #666;
}

.time-axis-date span{
	position: absolute;
	right: -46px;
	top: 35%;
	display: block;
	width: 13px;
	height: 13px;
	border: 1px solid #ccc;
	border-radius: 100%;
	background-color: #fff;
}
.time-axis-date span:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 7px;
	height: 7px;
	margin: auto;
	background-color: #ccc;
	border: 1px solid #ccc;
	border-radius: 100%;
}

.time-axis-item:last-child .time-axis-date span{
	border-color: #c30000;
}

.time-axis-item:last-child .time-axis-date span:after{
	background-color: #c30000;
	border-color: #c30000;
}
.time-axis-title{ font-size:15px;}
/*企业相册*/
.jssora05l, .jssora05r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: url(../images/a17.png) no-repeat;
	overflow: hidden;
}
.jssora05l {
	background-position: -10px -40px;
}
.jssora05r {
	background-position: -70px -40px;
}
.jssora05l:hover {
	background-position: -130px -40px;
}
.jssora05r:hover {
	background-position: -190px -40px;
}
.jssora05l.jssora05ldn {
	background-position: -250px -40px;
}
.jssora05r.jssora05rdn {
	background-position: -310px -40px;
}
.jssora05l.jssora05lds {
	background-position: -10px -40px;
	opacity: .3;
	pointer-events: none;
}
.jssora05r.jssora05rds {
	background-position: -70px -40px;
	opacity: .3;
	pointer-events: none;
}
/* jssor slider thumbnail navigator skin 01 css *//*.jssort01 .p            (normal).jssort01 .p:hover      (normal mouseover).jssort01 .p.pav        (active).jssort01 .p.pdn        (mousedown)*/.jssort01 .p {
	position: absolute;
	top: 0;
	left: 0;
	width: 72px;
	height: 72px;
}
.jssort01 .t {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
.jssort01 .w {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.jssort01 .c {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 68px;
	height: 68px;
	border: #0082b4 2px solid;
	box-sizing: content-box;
	background: url(../images/t01.png) -800px -800px no-repeat;
	_background: none;
}
.jssort01 .pav .c {
	top: 2px;
	_top: 0px;
	left: 2px;
	_left: 0px;
	width: 68px;
	height: 68px;
	border: #000 0px solid;
	_border: #fff 2px solid;
	background-position: 50% 50%;
}
.jssort01 .p:hover .c {
	top: 0px;
	left: 0px;
	width: 70px;
	height: 70px;
	border: #fff 1px solid;
	background-position: 50% 50%;
}
.jssort01 .p.pdn .c {
	background-position: 50% 50%;
	width: 68px;
	height: 68px;
	border: #000 2px solid;
}
#jssor_1{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 800px; height: 456px; overflow: hidden; visibility: hidden; background-color: #24262e; margin-top:20px}
.slides_img{cursor: default; position: relative; top: 0px; left: 0px; width: 800px; height: 456px; overflow: hidden;}
.ablum_list{position: relative;display:block;top:0px;left:0px;width:100%;height:100%;}
.jssor_list{position: absolute; top: 0px; left: 0px;}
.jssort01{position: absolute;
left: 0px;
margin-bottom: 0px;
width: 800px;
height: 100px;
visibility: visible;
margin-top:22%;}
#content .news{ background:none}
.pr_left .topmenu li a {
    line-height: 50px;
    display: block;
    font-size: 15px;
}
.pr_left .topmenu li {
    width:100%;border-bottom: 1px solid #ededed;}
@keyframes fadeInUp{
    0%{transform:translateY(20px);-webkit-transform:translateY(20px);opacity:0;}
    100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
}
@keyframes fadeInDown{
    0%{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}
    100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
}
.logo1{ display:none}
.logo{ display: block}
.headb_box .logo1{ display: block}
.headb_box .logo{ display: none}
.headb_box .header01 .logo1 a {
    text-indent: -9999px;
    display: inline-block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    bottom: 0;
    left: 0;
}
.logo1 img{ max-height:100%; display:block}
.headb_box .header01 .logo1{
    float: left;
    position: relative;
    width: 38%;
    height: 80px;
    margin: 0;
}
.headb_box .logo1 {
    transform: scale(0.8);
}
/*partner*/
.partner{
    padding-top: 1%;
    background: #f9f9f9;
}
.partner_content {
    margin: 0 auto;
    width: 94%;
    margin: 0 auto;
}
.partner_title h3 {
font-size: 45px;
color: #333333;
    text-align: center;
    line-height: 50px;
    letter-spacing: 2px;
    margin: 0;
        margin-bottom: 0px;
    padding: 0;
    margin-bottom: 15px;
}
.partner_title  p {
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    color: #555555;
    line-height: 30px;
    text-align: center;
}
.parnter_content{width:90%;max-width:1220px; margin:0 auto}
.parnter_content ul li{width:18%; margin-left:1%; margin-right:1%;margin-bottom: 1%;}
.parnter_content .case-item .icon{display: inline-block; background: #fff; border: 0px;width: 100%;overflow: hidden;box-shadow: 1px 1px 5px #ddd;}
#contnet .news_list {
    width: 94%;}
	
.visual-slide .swiper-container-1 .swiper-slide-active .slide-item-text h2{font-size:55px; font-weight: bold; text-shadow:1px 1px 0px #282828}
.zi_list_main{width: 94%;
margin: 0 auto;}
.zi_list_main ul li{width:auto; float:left}
.zi_list_main ul li a{ line-height:35px; color:#585858; font-size:14px; font-size:16px; padding:5px 15px; border-right:1px solid #d8d8d8;}
.zi_list_main ul li a:hover{ color:#0082b4}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}
.glyphicon-menu-right::before {
    content: "\e258";
}
.view-html .container-fluid {
    padding-right:0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto
}
.glyphicon {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}
.swiper-button-next, .swiper-button-prev {
    cursor: pointer;
}
[role="button"] {
    cursor: pointer;
}
::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.glyphicon-menu-left::before {
    content: "\e257";
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-menu-right::before {
    content: "\e258";
}
::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}
abbr[title] {
    border-bottom: 1px dotted
}



dfn {
    font-style: italic
}

mark {
    color: #000;
    background: #ff0
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver
}

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

td, th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *, :after, :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}
.mainnav-listLevel1.lang {
  float: right;
}
.glyphicon-search{ background:url(../images/search_bg.png) no-repeat center center;width: 48px;
height: 48px;
margin-top: 3px;}
.top_body header .mainnav-listLevel1.lang {
  margin-top: 30px;
}
.top_body header .mainnav-listLevel1.lang .top_tel{ font-size:32px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.top_body header .mainnav-listLevel1.lang a{ padding-right:10px; }

.sample-image{
  width: 100%;
}
  @media (min-width: 600px){
.sample-image img{
  -webkit-animation: zoomBottomLeft 3s forwards;
  animation: zoomBottomLeft 3s forwards;
    animation-timing-function: ease;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; margin:0 auto;max-width: 100%;
}}
  @media (min-width: 600px){
.sample-image img{
  -webkit-animation: zoomBottomLeft 1s forwards;
  animation: zoomBottomLeft 1s forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; margin:0 auto;max-width: 100%;
}}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  image-rendering: optimizeQuality;
}
.sample_list{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  transition: top .5s;
}
.title_sample{  bottom: 0;
  left: 0;
  padding: 8px 0 0;
  width: 100%;
  position: absolute; line-height:45px;}
.title_sample_headline{background-color: rgba(255,255,255,.8);
transition: background 1s linear;}
.title_sampleline{padding-left: 10px;
padding-right: 10px;padding-right: 25px;color: #333;
font-size: 20px;
line-height: 22px;
font-weight: 300;
padding-top: 5px;
padding-bottom: 8px;
margin: 0;}
.sample_list_content{background-color: rgba(255,255,255,.8);
transition: background 1s linear;padding-right: 25px;height: 100%;
bottom: 0;
left: 0;padding-left: 10px;
padding-right: 10px;  padding:0;
    padding-right: 0px;
    padding-left: 0px;
  width: 100%;
  position: absolute;
}
.sample_list_content{height:0}
.sample_list_content ul{ padding:2% 5% }
.sample_list_content ul li{ text-align:left; background:url(../images/dian.png) no-repeat left center; text-indent:25px; padding:0 2% ;}
.sample_list_content ul li a:hover{ text-decoration:underline}
.Albums_right_sample{
  padding: 1% 1%;
  margin: 0;
    margin-right: 0px;
  position: relative;
  list-style: none;
  width:100%;
  text-align: center;
  padding: 0;
  background: #e2e2e2; margin-bottom:2%; overflow:hidden}
.sample_list_content{ overflow:hidden}
 .Albums_right_sample img{ max-width:100%}
.exhibition{
  width: 100%;
}
  @media (min-width: 600px){
.exhibition-image img{
  -webkit-animation: zoomBottomLeft 3s forwards;
  animation: zoomBottomLeft 3s forwards;
    animation-timing-function: ease;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; text-align:center; margin:0 auto;max-width: 100%;
}}
  @media (min-width: 600px){
.exhibition-image img{
  -webkit-animation: zoomBottomLeft 1s forwards;
  animation: zoomBottomLeft 1s forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; text-align:center; margin:0 auto;max-width: 100%;
}}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  image-rendering: optimizeQuality;
}
.exhibition_list{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  transition: top .5s; overflow:hidden
}
.title_exhibition{  bottom: 0;
  left: 0;
  padding: 8px 0 0;
  width: 100%;
  position: absolute; line-height:45px;}
.title_exhibition_headline{background-color: rgba(255,255,255,.8);
transition: background 1s linear; font-size:20px;}
title_exhibitionline{padding-left: 10px;
padding-right: 10px;padding-right: 25px;color: #333;
font-size: 20px;
line-height: 22px;
font-weight: 300;
padding-top: 5px;
padding-bottom: 8px;
margin: 0;}
.exhibition_list_content{
height:0;
transition: background 1s linear;padding-right: 25px;
bottom: 0;
left: 0;padding-left: 10px;
padding-right: 10px;  padding:0;
    padding-right: 0px;
    padding-left: 0px;
  width: 100%;
  position: absolute;background:rgba(9,134,183,0.9)
}
.exhibition_list_content:hover{ background:rgba(9,134,183,0.9)}
.exhibition_list_content ul{ padding:2% 5% ;width:auto; word-break:break-all}
.exhibition_list_content ul li{ text-align:left;padding:0 2% ;}
.exhibition_list_content ul li a:hover{ text-decoration:underline}
.exhibition_list_content:hover .exhibition_content li a{ color:#ffffff;}
.Albums_right_exhibition{
  padding: 1% 1%;
  margin: 0;
    margin-right: 0px;
  position: relative;
  list-style: none;
  width:100%;
  text-align: center;
  padding: 0;
  overflow:hidden
}
/*video*/
.Albums_video .player {
width: 100%;
height: auto;
margin: 0px auto;
position: relative;
}
.Albums_video .player video {
width: 100%;
height: auto;
}
.Albums_video .controls {
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
  position: absolute;
  top: 0;

}
.Albums_video .switch{
position: absolute;
left: 45%;
top: 10%;
display: block;
width: 77px;
height: 77px;
background: url(../images/anniu.png) no-repeat center center;
margin: 0 auto;
  margin-top: 0px;
margin-top: 20px;
}
.Albums_video .switch:hover{background:url(../images/anniu1.png) no-repeat center center;}
.Albums_video .switch.switchbtn{background:url(../images/anniu2.png) no-repeat center center;}
.Albums_video .progress {
width: 89%;
height: 10px;
position: absolute;
background-color: rgba(255,255,255,0.4);
left: 40px;
bottom: 5px;
border-radius: 4px;
overflow: hidden;
}
.Albums_video .curr-progress {
width: 0%;
height: 100%;
background-color: #fff;
}
.Albums_video .time {
width: 120px;
height: 20px;
text-align: center;
line-height: 20px;
font-size: 12px;
color: #fff;
position: absolute;
left: 510px;
top: 10px;
}
.Albums_introduce {
  margin-top: 20px;
  position: absolute;
  bottom: 0px;
}

.lefttitle{font-size: 26px;
line-height: 60px;
text-align: left;
overflow: hidden;
color: #333333;}
.nei_left img{ max-width:100%}
.footer{ margin-top:1%}
.img-wrap_main{width:94%}
.Descript_content img{ max-width:100%}
html #dituContent img{ max-width:auto !important}
#search{ display:none}

.foot_box dl .zs1{ display:inline-block;margin-top:20%; float:left}
.foot_box dl .zs1 img{width:90px;height:90px;}
.foot_box dl .zs1  a{ padding-left:5px; padding-right:5px;float:left}
.foot_box dl .zs2{display:inline-block;  margin-top:90%; float:left}
.foot_box dl .zs2 img{width:30px;height:30px;}
.foot_box dl .zs2  a{ padding-left:5px; padding-right:5px; float:left}
.glyphicon-menu{
  background: url(../images/menu_bg.jpg) no-repeat center center;
  width: 50px;
  height: 50px;
}
.mainnav-buttonOpen.btnopened::before {
  content: '–';
}
.right1 img{ max-width:100%}
.top_body .mainnav-itemLevel1.linkhomemain:hover{  padding: 13px 0 16px;  border-bottom:transparent;  box-shadow:none;}
.Facility_title{
  font-size: 45px;
  color: #333333;
  text-align: center;
  line-height: 50px;
  letter-spacing: 2px;
  margin: 0;
    margin-bottom: 0px;
  padding: 0;
  margin-bottom: 15px; margin-top:5%
}
.Albums_nei .Albums_right_content{width:100%}
.Albums_nei  .sample_list_content ul li{ line-height:25px;}
.Albums_nei .Albums_right_sample{ margin-bottom:20px;}
.Albums_nei .exhibition_content{ line-height:25px;}
.productul li:hover .pr_bg{ display:block; z-index:99999; width: 95%;}
.productul li .picbox{ display:block}
.productul li{position:relative}
.advantage #timeline{  font-family: Noto Sans, sans-serif;
  color: #282828;}
.advantage h2 {
  margin: 3em 0 0 0;
  font-size: 1.5em;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* -------------------------------------
 * timeline
 * ------------------------------------- */
.advantage #timeline {
  list-style: none;
  margin: 20px;
  padding-left: 30px;
  border-left: 8px solid #0082b4;
}
.advantage #timeline li {
  margin: 10px 0;
  position: relative;
}
.advantage #timeline p {
  margin: 0 0 15px;
}

.advantage .date {
  margin-top: -10px;
  top: 50%;
  left: -20%;
  font-size: 18px;
  line-height: 20px;
  position: absolute;
}

.advantage .circle {
  margin-top: -10px;
  top: 50%;
  left: -44px;
  width: 20px;
  height: 20px;
  background: #0082b4;
  border-radius: 50%;
  display: block;
  position: absolute;
  border:5px solid #eee9dc;
}

.advantage .yscontent {
  max-height: 20px;
  padding: 50px 20px 0;
  border-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-radius: 0.5em;
  position: relative;
}
.advantage .yscontent:before,.advantage .yscontent:after {
  yscontent: ;
  width: 0;
  height: 0;
  border: solid transparent;
  position: absolute;
  pointer-events: none;
  right: 100%;
}
.advantage .yscontent:before {
  border-right-color: inherit;
  border-width: 20px;
  top: 50%;
  margin-top: -20px;
}
.advantage .yscontent:after {
  border-right-color: #0082b4;
  border-width: 17px;
  top: 50%;
  margin-top: -17px;
}
.advantage .yscontent p {
  max-height: 0;
  color: transparent;
  text-align: justify;
  word-break: break-word;
  hyphens: auto;
  overflow: hidden;
  font-size:14px;
   line-height:22px;
}

.advantage label.yswork {
  font-size: 18px;
  position: absolute;
  z-index: 100;
  cursor: pointer;
  top: 20px;
  transition: transform 0.2s linear;
  padding-left: 10px;
  font-weight:normal
}

.advantage .radio {
  display: none;
}

.advantage .radio:checked + .relative label.yswork {
  cursor: auto;
  transform: translateX(42px);
}
.advantage .radio:checked + .relative .circle {
  background: #ffffff;
}
.advantage .radio:checked ~ .yscontent {
  max-height: 180px;
  border-color: #0082b4;
  transform: translateX(20px);
  transition: max-height 0.4s linear, border-color 0.5s linear, transform 0.2s linear;
}
.advantage .radio:checked ~ .yscontent p {
  max-height: 200px;
  color: #292828;
  transition: color 0.3s linear 0.3s;
  padding-left:10px;
}

.right1 .advantage {
  width: 80%;
  margin: 0 auto;
}
.topmenu li a {
  line-height: 40px;
  font-size: 18px;
  color: #333;
}
.left1_title {
  border-radius: 3px;
  color: #0082b4;
}
.topmenu li.on .menu_item1{
  color: #0082b4;
  background:none
}
.topmenu li.on{ background:none;background: url(../images/Prefix.jpg) no-repeat left center;}
.topmenu li a:hover{color: #0082b4;
background:none; display:block}
.news_text .img-wrap {
  width: 320px;
  height: 180px;
}